<section>
  <div class="presales-all" *ngIf="ifget">
    <ng-container *ngFor="let topItem of tagData.data.TopDiv">
      <div class="presales-status 1" *ngIf="tagData.data.TopDiv && topItem.opt ">
        <div class="presales-status-left-warning 1">
          <div class="presales-status-warning-icon 1">
            <img class="presales-title-right-img" src="{{topItem?.warningUrl}}"
              [ngStyle]="topItem?.warningUrlCssStyle|styleFilter"
              onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1672884480502e816775c700a13feaca677384e611951.png'" />
            <div class="topLeftLine"></div>
          </div>
          <div class="presales-status-text-warning" [ngStyle]="topItem?.titleCssStyle|styleFilter">{{topItem.title}}
          </div>
        </div>
        <div class="presales-title-right">
          <div class="button" appDebounceClick (debounceClick)="warningClick(topItem.opt)" [ngStyle]="topItem?.labelCssStyle|styleFilter">
            {{topItem?.opt?.label}}</div>
        </div>
      </div>
      <div class="presales-status 2" *ngIf="tagData.data.TopDiv && !topItem.opt ">
        <div class="presales-status-left-warning 2">
          <div class="presales-status-warning-icon 2">
            <img class="presales-title-right-img" src="{{topItem?.warningUrl}}"
              [ngStyle]="topItem?.warningUrlCssStyle|styleFilter"
              onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1672884480502e816775c700a13feaca677384e611951.png'" />
            <div class="leftLine"></div>
          </div>
          <div class="presales-status-text-warning" [ngStyle]="topItem?.titleCssStyle|styleFilter">{{topItem.title}}
          </div>
        </div>
      </div>
    </ng-container>
    <div class="presales-status 3" [ngStyle]="tagData.data.display?.status3CssStyle|styleFilter"
      *ngIf="tagData.data.display">
      <div class="presales-status-left" [ngStyle]="tagData.data.display?.statusLeftCssStyle|styleFilter">
        <div class="presales-status-box1" [ngStyle]="tagData.data.display?.statusBox1CssStyle|styleFilter">
          <div class="presales-status-state unclaimed" *ngIf="!tagData.data.display.cssStyle"
            [ngStyle]="tagData.data.display?.circleCssStyle|styleFilter">
            <div *ngIf="!tagData.data.display.cssStyle" [ngStyle]="tagData.data.display?.circle1CssStyle|styleFilter"
              class="presales-status-state-yuanquan 1"></div>
          </div>
        </div>

        <div class="presales-status-state" *ngIf="tagData.data.display.cssStyle"
          [ngStyle]="getYuqnQuan(tagData.data.display.cssStyle)">
        </div>

        <div class="presales-status-text 1" [ngStyle]="tagData.data.display.titleCssStyle|styleFilter"
          *ngIf="!tagData.data.display.cssStyle">{{tagData.data.display.content}}
        </div>

        <div class="presales-status-text 2" [ngStyle]="tagData.data.display.titleCssStyle|styleFilter"
          *ngIf="tagData.data.display.cssStyle">
          {{tagData.data.display.content}}
        </div>

        <!--1.8.2 新增做业务-->
        <div *ngIf="tagData.data.expand&&!tagData.data.display.rightLabel" style="float: left;">
          <div class="fold 1" appDebounceClick (debounceClick)="showclick()" *ngIf="tagData.data.expand.length!==0">
            <img id="{{foldimgId}}" [ngStyle]="tagData.data.display.foldImgCssStyle|styleFilter"
              [ngClass]="{'foldImg': tagData.data?.display?.arrowUpImg!==undefined}" [src]="foldimg" />
          </div>
        </div>
      </div>
      <div class="presales-status-right" *ngIf="tagData.data.expand">
        <div class="rightLabel lr" [ngStyle]="getNgStyle(tagData.data.display.rightLabel.cssStyle)"
          *ngIf="tagData.data.display.rightLabel">{{tagData.data.display.rightLabel.text}}</div>

        <div class="new-btn btn-lr" [ngStyle]="(tagData.data.button?.link?.params?.buttonBoxCssStyle
        ||tagData.data.button?.submit?.content?.buttonBoxCssStyle) | styleFilter">
          <div class="button" appDebounceClick (debounceClick)="operationclick(tagData.data.button)"
            *ngIf="tagData.data.button&&tagData.data.button.visible==true">
            {{tagData.data.button.label}}</div>

          <div class="button lr" appDebounceClick (debounceClick)="operationclick(tagData.data.secondButton)"
            *ngIf="tagData.data.secondButton&&tagData.data.secondButton.visible==true">
            {{tagData.data.secondButton.label}}</div>

          <ng-container *ngIf="this.otherOptBtnArray&&this.otherOptBtnArray.length>0">
            <ng-container *ngFor="let btn of this.otherOptBtnArray">
              <div class="button lr" appDebounceClick (debounceClick)="operationclick(btn)" *ngIf="btn&&btn.visible==true">
                {{btn.label}}</div>
            </ng-container>
          </ng-container>
        </div>

      </div>
    </div>


    <div class="presales-history 1" style="display: none;" id="{{this.panelId}}">
      <div class="presales-history-list 1" *ngFor="let item of tagData.data.expand;let i=index">
        <div style="display: flex;">
          <div class="leftCircle">
            <div class="leftLine"></div>
            <div class="presales-history-yuanquan 1 marginRtUnset"></div>
          </div>
          <div class="presales-history-time">{{item.content}}</div>
        </div>
      </div>
    </div>
  </div>
  <div class="presales-all" *ngIf="!ifget">
    <div class="presales-history2">
      <div class="presales-history-list 2" *ngFor="let item of tagData.data.expand;let i=index">
        <div class="presales-history-listitem" *ngIf="isDataShow || i === 0" appDebounceClick (debounceClick)="onReceiveChange(i)"
          style="display: flex; width: 100%;">
          <div class="presales-history-yuanquan 2"></div>
          <div class="presales-history-time">{{item.content}}</div>


          <div *ngIf="!tagData.data.display && tagData.data.button && i === 0">
            <div class="button" *ngIf="tagData.data.button&&tagData.data.button.visible==true">
              <span appDebounceClick (debounceClick)="operationclick()">{{tagData.data.button.label}}</span>
            </div>
          </div>

          <ng-container *ngIf="this.otherOptBtnArray&&this.otherOptBtnArray.length>0">
            <ng-container *ngFor="let btn of this.otherOptBtnArray">
              <div class="button lr" appDebounceClick (debounceClick)="operationclick(btn)" *ngIf="btn&&btn.visible==true">
                {{btn.label}}</div>
            </ng-container>
          </ng-container>

          <div *ngIf="tagData.data.expand.length>1">
            <div class="fold 2" *ngIf="i === 0"><img [src]="foldimg" /></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>